<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue 模板插值语法</title>
</head>
<body>
<div id="app">
    <div>{{ msg }}</div>
    <div>{{ i + 456}}</div>
    <div>{{ msg.toUpperCase() }}</div>
    <div>{{ rawHtml }}</div>
</div>
</body>
<script type="module">

    import { createApp, ref } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'
    const app = createApp({
        setup(){
            let msg = "Hello, World!"
            let i = 123
            let rawHtml = "<h1>Hello, Vue!</h1>"
            return {msg,i, rawHtml}
        }
    })

    app.mount("#app")
</script>
</html>